﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
    .coursesdiv
    {
       border:1px solid #FF6600;
       background-color:#FFCC00;
       width:120px;
       height:60px;
       float:left;
       font-family:Antipasto;
       margin: 3px 3px 3px 3px;
       position:relative;
    }
    .maindiv
    {
       border:1px solid #FF6600;
       position:relative;
       width:640px;
       height:540px;
       margin-left:5px;
       font-family:Antipasto;
    }
 </style>
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    
<script type="text/javascript" src="js/swap.js"></script>
 <script type="text/javascript">
    $(document).ready(function(){
       $("div[id*='box']").redswap({
           speed: 'slow', //'slow',
          opacity:0.6
       });
    });
  
 </script>
</head>
<body>
<div class="maindiv" align="center">


<table>
<tr><td><div id="1box" class="coursesdiv">1</div></td><td><div id="2box" class="coursesdiv">2</div></td><td></td></tr>
<tr><td><div id="3box" class="coursesdiv">3</div></td><td><div id="4box" class="coursesdiv">4</div></td><td></td></tr>
</table>
    
    
    
    
    <div id="5box" class="coursesdiv">5</div>
    <div id="6box" class="coursesdiv">6</div>
    <div id="7box" class="coursesdiv">7</div>
    <div id="8box" class="coursesdiv">8</div>
    <div id="9box" class="coursesdiv">9</div>
    <div id="10box" class="coursesdiv">10</div>
    <div id="11box" class="coursesdiv">11</div>
    <div id="12box" class="coursesdiv">12</div>
    <div id="13box" class="coursesdiv">13</div>
    <div id="14box" class="coursesdiv">14</div>
    <div id="15box" class="coursesdiv">15</div>
    <div id="16box" class="coursesdiv">16</div>
    <div id="17box" class="coursesdiv">17</div>
    <div id="18box" class="coursesdiv">18</div>
    <div id="19box" class="coursesdiv">19</div>
    <div id="20box" class="coursesdiv">20</div>
    <div id="21box" class="coursesdiv">21</div>
    <div id="22box" class="coursesdiv">22</div>
    <div id="23box" class="coursesdiv">23</div>
    <div id="24box" class="coursesdiv">24</div>
    <div id="25box" class="coursesdiv">25</div>
    <div id="26box" class="coursesdiv">26</div>
 </div>
</body>
</html>
